<template>
  <!-- 7迈车全球洗车-原黑色页面备份 -->
  <view class="conent">
    <u-toast ref="uToast" />
    <!-- 背景 -->
    <view class="bacg">
      <image src="https://files.yzsheng.com/client/imgs/carwash_globalche/bg.png" mode=""></image>
    </view>
    <view class="tipb">
      <view class="tipsbox flex flex-ai-c">
        <view class="tipstitle">
          办理7迈车全球洗车, 全年预计最高可省30000元
        </view>
      </view>
      <view class="Knightimg flex flex-ai-c flex-jc-c">
        <image src="https://files.yzsheng.com/client/imgs/carwash_globalche/biaoti.png"></image>
      </view>
      <!-- 滚动 -->
      <view class="rolling">
        <image src="https://files.yzsheng.com/client/imgs/carwash_globalche/bjtiao.png"></image>
        <view class="rollname">
          <u-notice-bar :list="list" bg-color="0" :volume-icon="true" color="#E4CEA3" font-size="20" mode="horizontal"
            :is-circular="false" speed="380" padding="15rpx 20rpx"></u-notice-bar>
        </view>
      </view>
      <!-- 卡片1 -->
      <view class="card" @click="cardClick(1)">
        <view class="cardone">
          <image src="https://files.yzsheng.com/client/imgs/carwash_globalche/ka.png"></image>
        </view>
        <view class="c_money">
          <text class="cm_one">年卡会员：</text>
          <text class="cm_two">￥{{cardOne.normal_Price}}</text>
          <text class="cm_there">￥{{cardOne.sale_Price}}</text>
        </view>
      </view>
      <!-- 卡片2 -->
      <view class="card" @click="cardClick(2)">
        <view class="cardone">
          <image src="https://files.yzsheng.com/client/imgs/carwash_globalche/ka.png"></image>
        </view>
        <view class="c_money">
          <text class="cm_num">2</text>
          <text class="cm_one">年卡会员：</text>
          <text class="cm_two">￥{{cardTwo.normal_Price}}</text>
          <text class="cm_there">￥{{cardTwo.sale_Price}}</text>
        </view>
      </view>
      <view class="titleimag flex flex-ai-c flex-jc-c">
        <image src="https://files.yzsheng.com/client/imgs/carwash_globalche/1.png"></image>
      </view>
      <view class="banner flex flex-ai-c flex-jc-c">
        <image src="https://files.yzsheng.com/client/imgs/carwash_globalche/banner.png"></image>
      </view>
      <view class="purchasecard flex flex-ai-c flex-jc-c">
        <view class="pc_name">
          购卡即送卫莱士净水器
        </view>
        <view class="pc_Tips" @click="errorclick()">
          <u-icon name="error-circle" color="#FFFFFF" size="40rpx"></u-icon>
        </view>
        <view class="pc_number">
          <text>剩余</text>
          <text class="pcn_color">{{valuenum}}</text>
          <text>/10000</text>
        </view>
      </view>
      <view class="titlename">
        仅限前一万名，送完即止
      </view>
      <view class="threebox flex flex-ai-c flex-jc-c">
        <view class="trbimg">
          <image src="https://files.yzsheng.com/client/imgs/carwash_globalche/icon1.png"></image>
        </view>
        <view class="trbname">
          <view class="">
            全国洗车点通用
          </view>
          <view class="trbone">
            大平台有保障，一次购买，全国通用
          </view>
        </view>
      </view>
      <view class="threebox flex flex-ai-c flex-jc-c">
        <view class="trbimg">
          <image src="https://files.yzsheng.com/client/imgs/carwash_globalche/icon2.png"></image>
        </view>
        <view class="trbname">
          <view class="">
            机器故障保险
          </view>
          <view class="trbone">
            如果遇到机器故障无法洗车，则无条件补偿当次消耗
          </view>
        </view>
      </view>
      <view class="threebox flex flex-ai-c flex-jc-c">
        <view class="trbimg">
          <image src="https://files.yzsheng.com/client/imgs/carwash_globalche/icon3.png"></image>
        </view>
        <view class="trbname">
          <view class="">
            保养/美容/维修尽享折扣
          </view>
          <view class="trbone">
            官方不定期将有礼券相送，享受保养/美容/维修等减免
          </view>
        </view>
      </view>
      <u-modal v-model="show" :content="content" title="说明" confirm-text="朕知道了" :title-style="titlestyle"></u-modal>
    </view>
   
    

  </view>
</template>

<script src='./carwash_globalche.js'></script>

<style lang="scss" scoped>
  @import './carwash_globalche.scss';
</style>
